<?php ob_start() ?>

<div class="row">
    <?php if (isset($_SESSION['publicidad_msj'])) { ?>
        <div class="alert alert-success alert-dismissable col-lg-12 text-center">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <strong><?php echo $_SESSION['publicidad_msj'] ?></strong>
        </div>
        <?php
        unset($_SESSION['publicidad_msj']);
    }
    ?>
    <div class="col-lg-12">
        <h1>Sitios <small>Añadir Sitio</small></h1>
        <hr>
    </div>
</div><!-- /.row -->

<div class="row">
    <div class="col-lg-6">

        <form role="form" name="form_anadir_sitio" id="form_anadir_sitio" action="registro_sitio" method="post">

            <div class="form-group">
                <label for="nombre">Nombre: </label>
                <span style="font-size: 0.9em;color:dimgrey;">Importante que sea el nombre del sitio. ej: <b>weokey</b> para http://www.<b>weokey</b>.net</span>
                <input class="form-control" name="nombre" type="text" required="required" id="nombre" />
            </div>
            <div class="form-group">
                <label for="descripcion">Descripción:</label>
                <textarea class="form-control" name="descripcion" required="required" id="descripcion" style="height:150px;"></textarea>
            </div>
            <div class="form-group">
                <label for="url">URL:</label>
                <input class="form-control" name="url" type="text" required="required" id="url" placeholder="http://" value="http://" />
            </div>
            <button type="submit" class="btn btn-default">Enviar</button>
        </form>

    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#form_anadir_sitio').bootstrapValidator({
            message: 'Datos invalidos',
            feedbackIcons: {
                valid: 'fa fa-check',
                invalid: 'fa fa-times',
                validating: 'fa fa-refresh'
            },
            live: 'enabled',
            submitButtons: 'button[type="submit"]',
            submitHandler: null,
            trigger: null,
            fields: {
                nombre: {
                    message: 'Nombre no valido',
                    validators: {
                        notEmpty: {
                            message: 'El nombre es requerido, no puede estar vacio.'
                        },
                        stringLength: {
                            min: 2,
                            max: 45,
                            message: 'El nombre debe tener entre 2 y 45 caracteres.'
                        },
                        remote: {
                            url: 'comprobacion_nombre_usuario_existente',
                            message: 'El nombre no esta disponible'
                        },
                        regexp: {
                            regexp: /^[a-zA-Z0-9_\.]+$/,
                            message: 'El nombre solo puede contener caracteres alfanuméricos y barra baja.'
                        }
                    }
                },
                descripcion: {
                    validators: {
                        notEmpty: {
                            message: 'La URL no puede estar vacio.'
                        }
                    }
                },
                url: {
                    validators: {
                        notEmpty: {
                            message: 'La URL no puede estar vacio.'
                        },
                        uri: {
                            message: 'La URL es incorrecta.'
                        }
                    }
                }
            }
        });
    });
</script>

<?php
$contenido = ob_get_clean();
include "app/templates/$template.php";
?>